<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Shell</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./bootstrap/css/signin.css">
    <script src="./bootstrap/js/jquery-2.1.4.js"></script>
    <script src="./bootstrap/js/modal.js" type="text/javascript"></script>
    <script src="./bootstrap/js/tooltip.js"></script>
    <script src="./bootstrap/js/check.js"></script>
    <script src="./bootstrap/js/check_change.js"></script>

</head>
<body>
<div class="modal-footer" role="group">
          <button class="btn btn-primary btn-group-sm btn-danger" data-toggle="modal" data-target="#myModal">注册</button>
          <button class="btn btn-primary btn-group-sm btn-warning" data-toggle="modal" data-target="#ch_Changpwd">修改密码</button>
</div>
<div class="container">
      <form class="form-signin" role="form" action="login.php" method= 'POST'>
        <h2 class="form-signin-heading">Please sign in</h2>
        <input type="email" name="email" class="form-control" placeholder="Email address" required="" autofocus="">
        <input type="password" name="password" class="form-control" placeholder="Password" required="">
        <label class="checkbox">
          <input type="checkbox" value="remember-me"> Remember me
        </label>

        <div class="btn-group btn-group-justified" role="group">
        <div class="btn-group" role="group">
          <button class="btn btn-group-sm btn-primary" type="submit">登陆</button>
        </div>
        </div>
      </form>
</div>





<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"
                        data-dismiss="modal" aria-hidden="false">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    注册新用户
                </h4>
            </div>
            <div class="modal-body">
                <form role="form">
                    
                    <div class="form-group">
                        <label for="email">邮箱</label><span id="emailTips" style="color: red;"></span>
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
                            <input type="email" class="form-control" id="email" placeholder="输入邮箱账号">
                        </div>
                        <span >提示：邮箱格式为**@**</span>
                    </div>
                    <div class="form-group">
                        <label for="pass1">密码</label><span id="pass1Tips" style="color: red;"></span>
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                            <input type="password" class="form-control" id="pass1" placeholder="输入密码">
                            <input type="text" class="form-control" id="pass1-1" placeholder="输入密码" style="display: none">
                            <span class="input-group-addon"><span id="seePass1" class="glyphicon glyphicon-eye-close" style="cursor: pointer"></span></span>
                        </div>
                        <span >提示：密码长度为6-20个字符</span>
                    </div>
                    <div class="form-group">
                        <label for="pass2">确认密码</label><span id="pass2Tips" style="color: red;"></span>
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                            <input type="password" class="form-control" id="pass2" placeholder="重复输入密码">
                            <input type="text" class="form-control" id="pass2-1" placeholder="重复输入密码" style="display: none">
                            <span class="input-group-addon"><span id="seePass2" class="glyphicon glyphicon-eye-close" style="cursor: pointer"></span></span>
                        </div>
                        <span >提示：重复密码须和注册密码相同</span>
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox">记住我
                        </label>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info"
                        data-dismiss="modal">取消
                </button>
                <button type="button" id="reg" class="btn btn-success">
                    注册
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>




<!-- 模态框（Modal） -->
<div class="modal fade" id="ch_Changpwd" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"
                        data-dismiss="modal" aria-hidden="false">
                    &times;
                </button>
                <h4 class="modal-title" id="ch_myModalLabel">
                    修改密码
                </h4>
            </div>
            <div class="modal-body">
                <form role="form">
                    
                    <div class="form-group">
                        <label for="email">邮箱</label><span id="ch_emailTips" style="color: red;"></span>
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
                            <input type="email" class="form-control" id="ch_email" placeholder="输入邮箱账号">
                        </div>
                        <span >提示：邮箱格式为**@**</span>
                    </div>
                <div class="form-group">
                        <label for="ch_oldpass">旧密码</label><span id="ch_oldpassTips" style="color: red;"></span>
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                            <input type="password" class="form-control" id="ch_oldpass" placeholder="输入密码">
                            <input type="text" class="form-control" id="ch_oldpass1-1" placeholder="输入密码" style="display: none">
                            <span class="input-group-addon"><span id="ch_oldseePass1" class="glyphicon glyphicon-eye-close" style="cursor: pointer"></span></span>
                        </div>
                        <span >提示：密码长度为6-20个字符</span>
                    </div>

                    <div class="form-group">
                        <label for="pass1">新密码</label><span id="ch_pass1Tips" style="color: red;"></span>
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                            <input type="password" class="form-control" id="ch_pass1" placeholder="输入密码">
                            <input type="text" class="form-control" id="ch_pass1-1" placeholder="输入密码" style="display: none">
                            <span class="input-group-addon"><span id="ch_seePass1" class="glyphicon glyphicon-eye-close" style="cursor: pointer"></span></span>
                        </div>
                        <span >提示：密码长度为6-20个字符</span>
                    </div>
                    <div class="form-group">
                        <label for="pass2">确认密码</label><span id="ch_pass2Tips" style="color: red;"></span>
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                            <input type="password" class="form-control" id="ch_pass2" placeholder="重复输入密码">
                            <input type="text" class="form-control" id="ch_pass2-1" placeholder="重复输入密码" style="display: none">
                            <span class="input-group-addon"><span id="ch_seePass2" class="glyphicon glyphicon-eye-close" style="cursor: pointer"></span></span>
                        </div>
                        <span >提示：重复密码须和注册密码相同</span>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info"
                        data-dismiss="modal">取消
                </button>
                <button type="button" id="ch_changepwdbtn" class="btn btn-success">
                    确定
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>




</body>
</html>
